import { Box, TabsContent, TabsList, TabsRoot, TabsTrigger, Text } from "@radix-ui/themes"
import ClassessInformation from "./ClassesInformation"



const Test = () => {
    return (
        <div>
            test
        </div>
    )
}

const HomeClassesPage = () => {

    return (
        <div>
            <TabsRoot defaultValue="information">
                <TabsList>
                    <TabsTrigger value="information">班级信息</TabsTrigger>
                    <TabsTrigger value="members">成员列表</TabsTrigger>
                    <TabsTrigger value="work">任务管理</TabsTrigger>
                </TabsList>
                <Box px="4" pt="3" pb="2">
                    <TabsContent value="information">
                        <ClassessInformation />
                    </TabsContent>
                    <TabsContent value="members">
                        <Text size="2">Access and update your documents.</Text>
                    </TabsContent>

                    <TabsContent value="work">
                        <Text size="2">Edit your profile or update contact information.</Text>
                    </TabsContent>
                </Box>

            </TabsRoot>
        </div>
    )
}
export default HomeClassesPage